import React from 'react'
import {ClassifyList} from '../../Api/Classify';
import { Cell ,Grid} from 'react-vant';
function Classify() {
    console.log(ClassifyList);
    
    return (
        <div className='Classify'>
            {
                ClassifyList.map((item,index)=>{
                    return <Cell title={item.title}  key={index} titleStyle={{color:'red',marginBottom:10}}
                                label={<>
                                    <Grid>
                                        {
                                            item.children.map((v,i)=>{
                                                return <Grid.Item  text={v} key={i}/>
                                            })
                                        }
                                    </Grid>
                                </>} 
                            />
                })
            }
            
        </div>
    )
}

export default Classify